﻿<!DOCTYPE html>
<html lang="en">

<head>
    <title>CDUT - Home</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="assets/images/logocdut.png">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="http://cdn.bootstrapmb.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/jquery-ui.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/chosen.min.css">
    <link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <link rel="stylesheet" href="assets/css/lightbox.min.css">
    <link rel="stylesheet" href="assets/js/fancybox/source/jquery.fancybox.css">
    <link rel="stylesheet" href="assets/css/jquery.scrollbar.min.css">
    <link rel="stylesheet" href="assets/css/mobile-menu.css">
    <link rel="stylesheet" href="assets/fonts/flaticon/flaticon.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/img.css">
</head>

<body class="home" style="background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
;">
    <header class="header style7">
        <div class="top-bar">
            <div class="container">
                <div class="top-bar-left">
                    <div class="header-message">
                        欢迎
                    </div>
                </div>
                <div class="top-bar-right">

                    <ul class="header-user-links" th:if="${session.loginUser==null}">
                        <li>
                            <a th:href="@{/login}">登录/注册 </a>
                        </li>
                    </ul>
                    <ul class="header-user-links" th:if="${session.loginUser!=null}">

                        <li>
                            <a style="color: #01c6fb">用户: </a>
                            <a th:text="${session.loginUser.username}" style="color: yellowgreen"> </a>
                            <a style="color: #01c6fb"> 您好！</a>
                            <a th:href="@{/user/logout}" th:text="' 注销'" style="color: orangered"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="main-header">
                <div class="row">
                    <div class="col-lg-3 col-sm-4 col-md-3 col-xs-7 col-ts-12 header-element"
                        style="left: 120px;padding-bottom: 0px;bottom: 35px;">
                        <div class="logo">
                            <a th:href="@{/home}">
                                <!--                            这个更改logo-->
                                <img width="50%" src="assets/images/logocdut.png" alt="img"
                                    style="width:40%;magin-top: 5px;">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-7 col-sm-8 col-md-6 col-xs-5 col-ts-12">
                        <div class="block-search-block">
                            <form class="form-search form-search-width-category">
                                <div class="form-content">
                                    <div class="inner">
                                        <input type="text" class="input" name="s" value="" placeholder="搜索你感兴趣的商品">
                                    </div>
                                    <button class="btn-search" type="submit">
                                        <span class="icon-search"></span>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-nav-container">
            <div class="container">
                <div class="header-nav-wapper main-menu-wapper">
                    <div class="vertical-wapper block-nav-categori">
                        <div class="block-title">
                            <span class="icon-bar">
                                <span></span>
                                <span></span>
                                <span></span>
                            </span>
                            <span class="text">主页目录</span>
                        </div>
                        <div class="block-content verticalmenu-content">

                        </div>
                    </div>
                    <div class="header-nav">
                        <div class="container-wapper">
                            <ul class="CDUT-clone-mobile-menu CDUT-nav main-menu " id="menu-main-menu">
                                <li>
                                    <a th:href="@{/home}" title="Home">主页</a>
                                </li>
                                <li>
                                    <a th:href="@{/gridproducts_bannerslider}" class="CDUT-menu-item-title"
                                        title="Shop">铺子</a>
                                </li>
                                <li class="menu-item">
                                    <a th:href="@{/about}" class="CDUT-menu-item-title" title="About">关于我们</a>
                                </li>
                                <li class="menu-item">
                                    <a th:href="@{/shoppingcart}" class="CDUT-menu-item-title" title="add">发布</a>
                                </li>
                                <li class="menu-item" th:if="${session.loginUser!=null}">
                                    <a th:href="'gridproducts_bannerslider_my?uid='+${session.loginUser.uid}"
                                        class="CDUT-menu-item-title" title="add">我的</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="header-device-mobile">
        <div class="wapper">
            <div class="item mobile-logo">
                <div class="logo">
                    <a href="#">
                        <img width="50%" src="assets/images/logocdut.png" alt="img" style="width:40%;magin-top: 5px;">
                    </a>
                </div>
            </div>
            <div class="item item mobile-search-box has-sub">
                <a href="#">
                    <span class="icon">
                        <i class="fa fa-search" aria-hidden="true"></i>
                    </span>
                </a>
            </div>
        </div>
    </div>
    <div class="main-content">
        <div class="fullwidth-template" style="background-color: #FFDFBC;">
            <div class="home-slider style1 rows-space-30">
                <div class="container">
                    <div class="slider-owl owl-slick equal-container nav-center"
                        data-slick='{"autoplay":true, "autoplaySpeed":9000, "arrows":true, "dots":false, "infinite":true, "speed":1000, "rows":1}'
                        data-responsive='[{"breakpoint":"2000","settings":{"slidesToShow":1}}]'>
                        <div class="slider-item style1">
                            <div class="slider-inner equal-element">
                                <div class="slider-infor">
                                    <h5 class="title-small">
                                    </h5>
                                    <h3 class="title-big">
                                        <br />
                                    </h3>
                                    <div class="price">

                                        <span class="number-price">

                                        </span>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="slider-item style2">
                            <div class="slider-inner equal-element">
                                <div class="slider-infor">
                                    <a th:href="@{/gridproducts_bannerslider}" class="button btn-shop-now">进入铺子</a>
                                </div>
                            </div>
                        </div>
                        <div class="slider-item style3">
                            <div class="slider-inner equal-element">
                                <div class="slider-infor">
                                    <h5 class="title-small">

                                    </h5>
                                    <h3 class="title-big">
                                        <br />
                                    </h3>
                                    <div class="price">
                                        <span class="number-price">
                                        </span>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--            第二排框子-->
            <div class="banner-wrapp rows-space-35">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                            <div class="banner">
                                <div class="item-banner style12">
                                    <div class="inner">
                                        <div class="banner-content" style="color:rgb(48,165,124)">

                                            <div class="description" style="color:#FFD54F;font-size: 1.5em;">
                                                <div style="size: 100px 50px;"> </div>
                                            </div>
                                            <a href="#" class="button btn-shop-now" style="color:white">点击购买</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                            <div class="banner">
                                <div class="item-banner style14">
                                    <div class="inner">
                                        <div class="banner-content">
                                            <h4 class="CDUT-subtitle" style="color:black">本周上架</h4>
                                            <h3 class="title" style="color:rgb(48,165,124)">价格低至 <br />五折！！！</h3>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                            <div class="banner">
                                <div class="item-banner style12 type2">
                                    <div class="inner">
                                        <div class="banner-content">
                                            <h3 class="title" style="color:rgb(48,165,124)">床上沙发</h3>
                                            <div class="description" style="color:rgb(48,165,124)">
                                                让你在床上也能轻松学习
                                            </div>
                                            <a href="#" class="button btn-view-the-look" style="color:white">去看看</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="CDUT-tabs  default rows-space-40">
                <div class="container">
                    <div class="tab-head">

                    </div>
                    <div class="tab-container">
                        <div id="bestseller" class="tab-panel active">
                            <div class="CDUT-product">
                                <ul class="row list-products auto-clear equal-container product-grid">
                                    <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1"
                                        th:each="good, list:${goodlist}" th:id="${good.gid}" th:if="${list.index} lt 8">
                                        <div class="product-inner equal-element" style="background-color: gr;">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img id="big-img" th:src="'updatafile/'+${good.gname}+'.jpg'"
                                                            alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button">Quick View</a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a th:text="${good.gname}">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-5"></span>
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <ins th:text="${good.money}">
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <a class="single_add_to_cart_button button"
                                                            th:href="@{'productdetails-fullwidth?gid='+${good.gid}}">去看看</a>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>

                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div id="new_arrivals" class="tab-panel">
                            <div class="CDUT-product">
                                <ul class="row list-products auto-clear equal-container product-grid">
                                    <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-9.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button">Quick View</a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text active">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-10.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text active">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-11.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text active">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-13.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text active">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-14.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text active">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-15.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text active">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-16.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text active">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-2.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text active">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div id="top-rated" class="tab-panel">
                            <div class="CDUT-product">
                                <ul class="row list-products auto-clear equal-container product-grid">
                                    <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-10.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button">Quick View</a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text active">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-12.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text active">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-8.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text active">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-4.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text active">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-9.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text active">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-13.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text active">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li
                                        class="product-item product-type-variable col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-16.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text active">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                                        <div class="product-inner equal-element">
                                            <div class="product-top">
                                                <div class="flash">
                                                    <span class="onnew">
                                                        <span class="text">
                                                            new
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="yith-wcwl-add-to-wishlist">
                                                    <div class="yith-wcwl-add-button">
                                                        <a href="#">Add to Wishlist</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-thumb">
                                                <div class="thumb-inner">
                                                    <a href="#">
                                                        <img src="assets/images/product-item-8.jpg" alt="img">
                                                    </a>
                                                </div>
                                                <a href="#" class="button quick-wiew-button"></a>
                                            </div>
                                            <div class="product-info">
                                                <h5 class="product-name product_title">
                                                    <a href="#">Ring Video Doorbell</a>
                                                </h5>
                                                <div class="group-info">
                                                    <div class="stars-rating">
                                                        <div class="star-rating">
                                                            <span class="star-3"></span>
                                                        </div>
                                                        <div class="count-star">
                                                            (3)
                                                        </div>
                                                    </div>
                                                    <div class="price">
                                                        <del>
                                                            $65
                                                        </del>
                                                        <ins>
                                                            $45
                                                        </ins>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="loop-form-add-to-cart">
                                                <form class="cart">
                                                    <div class="single_variation_wrap">
                                                        <div class="quantity">
                                                            <div class="control">
                                                                <a class="btn-number qtyminus quantity-minus"
                                                                    href="#">-</a>
                                                                <input type="text" data-step="1" data-min="0" value="1"
                                                                    title="Qty" class="input-qty qty" size="4">
                                                                <a href="#"
                                                                    class="btn-number qtyplus quantity-plus">+</a>
                                                            </div>
                                                        </div>
                                                        <button class="single_add_to_cart_button button">Add to cart
                                                        </button>
                                                    </div>
                                                    <div class="variations">
                                                        <div class="variation">
                                                            <label class="variation-label">
                                                                Capacity:
                                                            </label>
                                                            <div class="variation-value">
                                                                <a href="#" class="change-value text active">
                                                                    <span>10ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>20ml</span>
                                                                </a>
                                                                <a href="#" class="change-value text">
                                                                    <span>50ml</span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--            下面的组图-->
            <div class="banner-wrapp rows-space-60">
                <div>
                    <div class="row">
                        <div class="col-md-12" style="background-color: rgb(255,223,188);">
                            <div class="banner">
                                <div class="item-banner style6">
                                    <div class="inner" style="background-color: rgb(255,223,188);">
                                        <div class="container">
                                            <div class=" banner-content">
                                                <h4 class="CDUT-subtitle"></h4>
                                                <h3 class="title"><span></span> <br />
                                                </h3>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="product-in-stock-wrapp">
                <div class="container">
                    <h3 class="custommenu-title-blog white">
                        <span>猜你喜欢</span>
                    </h3>
                    <div class="CDUT-product style3">
                        <ul class="row list-products auto-clear equal-container product-grid">
                            <li class="product-item  col-lg-4 col-md-6 col-sm-6 col-xs-6 col-ts-12 style-3"
                                th:each="good, list:${goodlist}" th:id="${good.gid}" th:if="${list.index} lt 6">
                                <div class="product-inner equal-element">
                                    <div class="product-thumb">
                                        <div class="product-top">
                                            <div class="flash">
                                                <span class="onnew">
                                                    <span class="text">
                                                        new
                                                    </span>
                                                </span>
                                            </div>
                                            <div class="yith-wcwl-add-to-wishlist">
                                                <div class="yith-wcwl-add-button">
                                                    <a href="#" tabindex="0">Add to Wishlist</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="thumb-inner">
                                            <a href="#" tabindex="0">
                                                <img id="big-img2" th:src="'updatafile/'+${good.gname}+'.jpg'"
                                                    alt="img">
                                            </a>
                                        </div>
                                        <a href="#" class="button quick-wiew-button" tabindex="0">Quick View</a>
                                    </div>
                                    <div class="product-info">
                                        <h5 class="product-name product_title">
                                            <a tabindex="0" th:text="${good.gname}">Wireless Trackball</a>
                                        </h5>
                                        <div class="group-info">
                                            <div class="stars-rating">
                                                <div class="star-rating">
                                                    <span class="star-5"></span>
                                                </div>
                                            </div>
                                            <div class="price">
                                                <span th:text="'$'+${good.money}">$375</span>
                                            </div>
                                        </div>
                                        <div class="group-buttons">
                                            <div class="quantity">
                                                <div class="control">
                                                    <a class="btn-number qtyminus quantity-minus" href="#">-</a>
                                                    <input type="text" data-step="1" data-min="0" value="1" title="Qty"
                                                        class="input-qty qty" size="4">
                                                    <a href="#" class="btn-number qtyplus quantity-plus">+</a>
                                                </div>
                                            </div>
                                            <a class="add_to_cart_button button"
                                                th:href="@{'productdetails-fullwidth?gid='+${good.gid}}">去看看</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--            组图-->
            <div class="banner-wrapp rows-space-30">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-5 col-md-5 col-sm-12">
                            <div class="banner">
                                <div class="item-banner style10">
                                    <div class="inner">
                                        <div class="banner-content">
                                            <h4 class="CDUT-subtitle" style="color: white;font-size:1.2em;">iapd 2020款
                                            </h4>
                                            <h3 class="title" style="color: white;font-size:2em;">人气最高的</h3>
                                            <div class="description" style="color: white;font-size:1.2em;">
                                                包您满意...
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm-12">
                            <div class="banner">
                                <div class="item-banner style11">
                                    <div class="inner">
                                        <div class="banner-content">
                                            <h4 class="CDUT-subtitle" style="color: white;font-size:1.5em;">罗技薄膜键盘</h4>
                                            <h3 class="title" style="color: white;font-size:2em;">打字办公无声神器！</h3>
                                            <div class="description">

                                            </div>
                                            <a href="#" class="button btn-shopping-us">赶快购买！</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--            组图-->
            <div class="CDUT-blog-wraap">
                <div class="container">
                    <h3 class="custommenu-title-blog">
                        <span>实事更新</span>
                    </h3>
                    <div class="CDUT-blog default">
                        <div class="owl-slick equal-container nav-center"
                            data-slick='{"autoplay":false, "autoplaySpeed":1000, "arrows":false, "dots":true, "infinite":true, "speed":800, "rows":1}'
                            data-responsive='[{"breakpoint":"2000","settings":{"slidesToShow":3}},{"breakpoint":"1200","settings":{"slidesToShow":3}},{"breakpoint":"992","settings":{"slidesToShow":2}},{"breakpoint":"768","settings":{"slidesToShow":2}},{"breakpoint":"481","settings":{"slidesToShow":1}}]'>
                            <div class="CDUT-blog-item equal-element layout1">
                                <div class="post-thumb">
                                    <a href="#">
                                        <img src="assets/images/smallgoods8.jpg" alt="img">
                                    </a>
                                    <div class="category-blog">
                                        <ul class="list-category">
                                            <li class="category-item">
                                                <a href="#">乐器</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="post-item-share">
                                        <a href="#" class="icon">
                                            <i class="fa fa-share-alt" aria-hidden="true"></i>
                                        </a>
                                        <div class="box-content">
                                            <a href="#">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-pinterest"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-linkedin"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="blog-info">
                                    <div class="blog-meta">
                                        <span class="view">
                                            <i class="icon fa fa-eye" aria-hidden="true"></i>
                                            21
                                        </span>
                                        <span class="comment">
                                            <i class="icon fa fa-commenting" aria-hidden="true"></i>
                                            3
                                        </span>
                                    </div>
                                    <h2 class="blog-title">
                                        <a href="#">民谣单板吉他</a>
                                    </h2>
                                    <div class="main-info-post">
                                        <p class="des">
                                            一位即将毕业的大四学长搬离校园的清仓处理，价格绝对实惠
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="CDUT-blog-item equal-element layout1">
                                <div class="post-thumb">
                                    <a href="#">
                                        <img src="assets/images/smallgoods6.jpg" alt="img">
                                    </a>
                                    <div class="category-blog">
                                        <ul class="list-category">
                                            <li class="category-item">
                                                <a href="#">化妆品</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="post-item-share">
                                        <a href="#" class="icon">
                                            <i class="fa fa-share-alt" aria-hidden="true"></i>
                                        </a>
                                        <div class="box-content">
                                            <a href="#">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-pinterest"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-linkedin"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="blog-info">
                                    <div class="blog-meta">
                                        <span class="view">
                                            <i class="icon fa fa-eye" aria-hidden="true"></i>
                                            31
                                        </span>
                                        <span class="comment">
                                            <i class="icon fa fa-commenting" aria-hidden="true"></i>
                                            4
                                        </span>
                                    </div>
                                    <h2 class="blog-title">
                                        <a href="#">眼影盘</a>
                                    </h2>
                                    <div class="main-info-post">
                                        <p class="des">
                                            一位大三的学姐想出自己九成新的眼影盘，几乎没用过
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="CDUT-blog-item equal-element layout1">
                                <div class="post-thumb">
                                    <div class="video-CDUT-blog">
                                        <figure>
                                            <img src="assets/images/smallgoods12.jpg" alt="img" width="370"
                                                height="280">
                                        </figure>
                                        <a class="quick-install" href="#" data-videosite="vimeo"
                                            data-videoid="134060140"></a>
                                    </div>
                                    <div class="category-blog">
                                        <ul class="list-category">
                                            <li class="category-item">
                                                <a href="#">床上用品</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="post-item-share">
                                        <a href="#" class="icon">
                                            <i class="fa fa-share-alt" aria-hidden="true"></i>
                                        </a>
                                        <div class="box-content">
                                            <a href="#">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-pinterest"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-linkedin"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="blog-info">
                                    <div class="blog-meta">
                                        <span class="view">
                                            <i class="icon fa fa-eye" aria-hidden="true"></i>
                                            61
                                        </span>
                                        <span class="comment">
                                            <i class="icon fa fa-commenting" aria-hidden="true"></i>
                                            5
                                        </span>
                                    </div>
                                    <h2 class="blog-title">
                                        <a href="#">很有少女味的床帘</a>
                                    </h2>
                                    <div class="main-info-post">
                                        <p class="des">
                                            一位大四的学姐想要低价出售用过两个多月的床帘，干净无污渍
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="CDUT-blog-item equal-element layout1">
                                <div class="post-thumb">
                                    <a href="#">
                                        <img src="assets/images/smallgoods2.jpg" alt="img">
                                    </a>
                                    <div class="category-blog">
                                        <ul class="list-category">
                                            <li class="category-item">
                                                <a href="#">椅子</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="post-item-share">
                                        <a href="#" class="icon">
                                            <i class="fa fa-share-alt" aria-hidden="true"></i>
                                        </a>
                                        <div class="box-content">
                                            <a href="#">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-pinterest"></i>
                                            </a>
                                            <a href="#">
                                                <i class="fa fa-linkedin"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="blog-info">
                                    <div class="blog-meta">
                                        <span class="view">
                                            <i class="icon fa fa-eye" aria-hidden="true"></i>
                                            52
                                        </span>
                                        <span class="comment">
                                            <i class="icon fa fa-commenting" aria-hidden="true"></i>
                                            6
                                        </span>
                                    </div>
                                    <h2 class="blog-title">
                                        <a href="#">学生宿舍懒人椅</a>
                                    </h2>
                                    <div class="main-info-post">
                                        <p class="des">
                                            寝室里用贼舒服，打游戏追剧必备，现在低价出售！
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="assets/js/jquery-1.12.4.min.js"></script>
    <script src="assets/js/jquery.plugin-countdown.min.js"></script>
    <script src="assets/js/jquery-countdown.min.js"></script>
    <script src="http://cdn.bootstrapmb.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/magnific-popup.min.js"></script>
    <script src="assets/js/isotope.min.js"></script>
    <script src="assets/js/jquery.scrollbar.min.js"></script>
    <script src="assets/js/jquery-ui.min.js"></script>
    <script src="assets/js/mobile-menu.js"></script>
    <script src="assets/js/chosen.min.js"></script>
    <script src="assets/js/slick.js"></script>
    <script src="assets/js/jquery.elevateZoom.min.js"></script>
    <script src="assets/js/jquery.actual.min.js"></script>
    <script src="assets/js/fancybox/source/jquery.fancybox.js"></script>
    <script src="assets/js/lightbox.min.js"></script>
    <script src="assets/js/owl.thumbs.min.js"></script>
    <script src="assets/js/jquery.scrollbar.min.js"></script>
    <script src='http://ditu.google.cn/maps/api/js?key=AIzaSyC3nDHy1dARR-Pa_2jjPCjvsOR4bcILYsM'></script>
    <script src="assets/js/frontend-plugin.js"></script>
</body>

</html>